<template>
	<view class="">
		<u-popup :show="show" round="20rpx" mode="center" :safeAreaInsetBottom='false'>
			<view class="hint bgf br20">
				<view class="mt42 flex_y">
					<image class="img56" src="@/static/icon/warning.png" mode=""></image>
				</view>
				<view class="mt24 c3 fw500 fs28 tc plr30">{{title}}</view>

				<view class="mt24 plr30 cff5d45 fw500 fs26" v-if="cont">{{cont}}</view>

				<view class="mt40 flex_btw fw500 fs28 hint_btn">
					<view class="h88 flex1 flex_c c9" @click="cancel">取消</view>
					<view class="h88 flex1 flex_c fc" @click="affirm">确定</view>
				</view>
			</view>
		</u-popup>
	</view>

	<!-- //使用
	<messageBoxa :show.sync="show" @confirm='confirm'></messageBoxa> -->


</template>

<script>
	export default {
		props: {
			title: {
				default: () => "确认要删除该地址吗？",
			},
			cont: {
				default: () => "",
			},
			show: {
				typeof: Boolean,
				default: () => false,
			}
		},
		components: {},
		data() {
			return {

			}
		},
		mounted() {

		},
		methods: {
			cancel() { //取消
				this.$emit('update:show', false)
			},
			affirm() {
				this.$emit('confirm')
			}
		},

		computed: {

		},
		watch: {}
	}
</script>

<style lang="scss" scoped>
	.hint {
		width: 520upx;
		min-height: 250upx;
		overflow: hidden;

		.hint_btn {
			border-top: 2upx solid #D8D8D8;
		}
	}
</style>